html,body{
	width:100%;
	height:100%;
	margin:0px;
	padding: 0px;
	background: #F4F3EE;
}

#loading-layer {
	display:none;
	font-family: Verdana;font-size: 11px;
	background:#E2353E;padding:10px;
	text-align:center;
	border:1px solid #000;
	color: #FFF;
}

#login-box {
	width:447px;
	height:377px;
	margin:10% auto 0 auto;
}

#header .div1 {
	height: 56px;
	padding: 0 30px 0 10px;
	background: url('images/header.png') repeat-x;
	min-width: 900px;
}
#header .div2 {
	color: #FFFFFF;
	padding: 18px 0px 0px 0px;
	float: left;
	cursor: pointer;
}
#header .div3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: right;
	padding: 15px 0px 0px 0px;
	float: right;
}
#header .div3 a, #header .div3 a:link, #header .div3 a:visited {color: #ccc; text-decoration: underline}
#header .div3 a:hover, #header .div3 a:active {color:#fff; text-decoration:none}

#header .div2 span {
	font-weight: bold;
}
#menu {
	background: url('images/menu.png') repeat-x;
	position: relative;
	z-index: 1;
	height: 34px;
	clear: both;
	padding: 0px 10px 0 13px;
	min-width: 900px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#menu > ul.left {
	float: left;
	background: url('images/split.png') 0 9px no-repeat;
}
#menu > ul.right {
	float: right;
}
#menu > ul {
	position: relative;
	margin: 0;
	padding: 0;
}
#menu > ul ul {
	list-style: none;
	margin: 0;
	padding: 5px;
	background: #e0e0e0;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	opacity:0.85; 
	-moz-opacity:0.85; 
	filter:alpha(opacity=85)
	        -moz-box-shadow: 0px 5px 5px rgba(68,68,68,0.6);
        -webkit-box-shadow: 0px 5px 5px rgba(68,68,68,0.6);
        box-shadow: 0px 5px 5px rgba(68,68,68,0.6);

        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
        -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
        zoom: 1;
}
#menu > ul a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
}
#menu > ul > li + li {
	background: url('images/split.png') center left no-repeat;
}
#menu > ul .top {
	padding: 10px 15px 9px 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
}
#menu > ul li li.sfhover {
	padding: 5px 15px 4px 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
}
#menu > ul ul li {
	padding: 2px;
}
/*#menu > ul .selected .top, #menu > ul a.top:hover  {*/
#menu > ul a.top:hover, #menu > ul li:hover > a.top  {
	background: url('images/selected.png') repeat-x;
	color: #000;
}
#menu > ul .sfhover a.top,  {
	background: url('images/selected.png') repeat-x;
	color: #FFFFFF;
}
#menu > ul .parent {
	background: url('images/arrow-right.png') 95% center no-repeat;
}
#menu > ul li {
	float: left;
	list-style: none;
}
#menu > ul li ul {
	position: absolute;
}
#menu > ul li li {
	clear: both;
}
#menu > ul li ul a {
	color: #000;
	width: 185px;
	padding: 2px 0 2px 15px;
	background: url('images/arrow1.png') 5px 50% no-repeat
}
#menu > ul li ul ul {
	margin: -27px 0 0 167px;
}
#menu > ul li ul a:hover,
#menu > ul li li:hover, #menu > ul li li.sfhover {
	background: #242424 url('images/arrow-right.png') 5px 50% no-repeat;
	color: #fff !important;
}
#container {
	height: 100%;
}
body > #container {
	height: auto;
	min-height: 100%;
}
#content {
	background: #f4f3ee;
	padding: 0;
	min-width: 900px;
}
#footer {
	background: #FAFAFA url('images/footer2.png') repeat-x;
	position: relative;
	height: 20px;
	padding-top: 30px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	clear: both;
}
#footer a {
	color: #333;
	text-decoration: underline;
}


form {
margin:0px;
padding: 0px;
}

input,
select,
a,
button,
textarea {
	outline:none;
}

table{
border:0px;
border-collapse:collapse;
}

.title_quote {
	color:#545454;
	background-color:#FBCB3C;
	border:1px dotted #bebebe; 
	border-bottom: 0;
	font-weight: bold;
	padding: 5px;
}
.quote {
	color:#545454;
	background-color:#ffffe0;
	border: 1px dotted #d8d8d8;
	text-align: justify;
	padding: 5px;
}

table td {
padding:0px;
font-size: 11px;
font-family: verdana;
}

table th{
padding:0px;
font-size: 11px;
font-family: verdana;
text-align: left;
font-weight: normal;
}


a:active,
a:visited,
a:link {
	color: #4b719e;
	text-decoration:none;
	}

a:hover {
	color: #4b719e;
	text-decoration: underline;
	}

.navigation {
	color: #999898;
	font-size: 11px;
	font-family: tahoma;
}

.option {
	color: #717171;
	font-size: 11px;
	font-family: tahoma;
}

.upload input {
	border:1px solid #9E9E9E;
	color: #000000;
	font-size: 11px;
	font-family: Verdana; 
}

.small {
	color: #999898;
}

.navigation a:active,
.navigation a:visited,
.navigation a:link {
	color: #999898;
	text-decoration:none;
	}

.navigation a:hover {
	color: #999898;
	text-decoration: underline;
	}

.list {
	font-size: 11px;
}

.list a:active,
.list a:visited,
.list a:link {
	color: #0B5E92;
	text-decoration:none;
	}

.list a:hover {
	color: #999898;
	text-decoration: underline;
	}

.quick {
	color: #000;
	font-size: 11px;
	font-family: tahoma;
	padding: 5px;
	border: 1px solid #fff;
}

.quick:hover, .quick:focus {
	border: 1px solid #999;
	background: #EFEFEF;
}

.quick h3 {
	font-size: 18px;
	font-family: verdana;
	margin: 0px;
	padding-bottom: 5px;
}
.quick:hover, .quick:focus, .system:hover, .system:focus {
	color: #0000FF;
}.system {
	color: #999898;
	font-size: 11px;
	font-family: tahoma;
	padding-bottom: 10px;
	text-decoration:none;
}

.system h3 {
	font-size: 18px;
	font-family: verdana;
	margin: 0px;
	padding-top: 4px;
}
.system a:active,
.system a:visited,
.system a:link,
.system a:hover {
	color: #999898;
	text-decoration:none;
	}

.quick a:active,
.quick a:visited,
.quick a:link,
.quick a:hover {
	color: #999898;
	text-decoration:none;
	}

.system {
	color: #000;
	font-size: 11px;
	font-family: tahoma;
	padding-bottom: 10px;
	text-decoration:none;
}

.system h3 {
	font-size: 18px;
	font-family: verdana;
	margin: 0px;
	padding-top: 4px;
}
.system a:active,
.system a:visited,
.system a:link,
.quick a:active,
.quick a:visited,
.quick a:link {
	color: #000;
	text-decoration:none;
	}


.quick a:hover,
.system a:hover {
	color: #0000FF;
	text-decoration:none;
	}


.unterline, .hr_line {
	background: url(images/sep.gif);
	width: 100%;
	height: 5px;
	font-size: 3px;
	font-family: tahoma;
	margin-bottom: 4px;
} 

input[type=text], input[type=password], textarea {
	border: 1px solid #5079c5 !important;
	background:#fff url(images/shadow.png) repeat-x !important;	
	padding: 2px !important;
	margin-bottom:2px;
}
input[type=text]:hover, input[type=text]:focus, input[type=password]:hover, input[type=password]:focus, textarea:hover, textarea:focus {
	border: 1px solid #c55058 !important;
	background:#fff url(images/shadow.png) repeat-x;	
	padding: 2px !important;
}
input[type=checkbox], input[type=radio] {
	vertical-align: middle;
}


input[type=submit], input[type=button], a.login, a.login:link, a.login:visited  {
	font: bold 11px Arial, Helvetica, sans-serif; 
	background:#cdcdcd url(images/buttons.gif) repeat-x 0 0;
	border:1px solid #aaa;
	color:#000;
	text-shadow: 1px 1px 1px #fff;
	padding:3px 5px;
	margin:0;
	text-decoration: none;
	-moz-box-shadow: 0px 0px 4px #aaa;
	-moz-box-shadow: 0px 0px 4px #aaa;
	box-shadow: 0px 0px 4px #aaa;
}
input[type=submit]:hover, input[type=button]:hover,
input[type=submit]:focus, input[type=button]:focus,
a.login:hover, a.login:active {
	background:#fff url(images/buttons.gif) repeat-x 0 -49px;
	cursor:pointer;
	color:#000;
	text-shadow: 1px 1px 1px #fff;
}

#dropmenudiv{
border:1px solid white;
border-bottom-width: 0;
font:normal 10px Verdana;
background-color: #6497CA;
line-height:20px;
margin:2px;
}

#dropmenudiv a{
display: block;
text-indent: 3px;
border: 1px solid white;
padding: 1px 0;
MARGIN: 1px;
color: #FFF;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #FDD08B;
color: #000;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid #787878;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 2px solid #787878;
border-bottom: 2px solid #787878;
visibility: hidden;
}

.hintanchor{ 
padding-left: 8px;
}

.editor_button {
	float:left;
	cursor:pointer;
	padding-left: 2px;
	padding-right: 2px;
}

.editor_buttoncl {
	float:left;
	cursor:pointer;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
}
.editbclose {
	float:right;
	cursor:pointer;
}
.news_navigation {
	color:#666; 
	border:0px;
	line-height: 25px;
}

.news_navigation a:link,
.news_navigation a:visited,
.news_navigation a:hover,
.news_navigation a:active {
	text-decoration:none;
	color: #636363;
	background:#F9F9F9;
	border:1px solid #E6E6E6;
	padding:3px 6px;
	font-size:11px
}

.news_navigation span {
	text-decoration:none;
	background:#fff;
	padding:3px 6px;
	border:1px solid #E6E6E6;
	color:#ccc;
	font-size:11px;
}
	.dle_tabPane{
		height:26px;	/* Height of tabs */
	}
	.dle_aTab{
		border:1px solid #CDCDCD;
		padding:5px;		
		
	}
	.dle_tabPane div{
		float:left;
		padding-left:3px;
		vertical-align:middle;
		background-repeat:no-repeat;
		background-position:bottom left;
		cursor:pointer;
		position:relative;
		bottom:-1px;
		margin-left:0px;
		margin-right:0px;
	}
	.dle_tabPane .tabActive{
		background-image:url('images/tl_active.gif');
		margin-left:0px;
		margin-right:0px;	
	}
	.dle_tabPane .tabInactive{
		background-image:url('images/tl_inactive.gif');
		margin-left:0px;
		margin-right:0px;
	}

	.dle_tabPane .inactiveTabOver{
		margin-left:0px;
		margin-right:0px;
	}
	.dle_tabPane span{
		font-family:tahoma;
		vertical-align:top;
		font-size:11px;
		line-height:26px;
		float:left;
	}
	.dle_tabPane .tabActive span{
		padding-bottom:0px;
		line-height:26px;
	}
	
	.dle_tabPane img{
		float:left;
	}


.mbTabset .handler{padding-right:5px; position:relative;margin-left:-5px}
.mbTabset{white-space:nowrap; display:block;margin-left:5px;margin-right:20px;margin-bottom:-1px; float:left; position:relative}
.mbTabset .mbTab {display:inline-block; cursor:pointer; min-width:100px}
.mbTabset .mbTab.disabled {cursor:default}
.mbTabset.right {float:right}
.mbTabset .mbTab i{width:25px;position:relative;margin-left:-7px; padding-right:5px; margin-right:8px; cursor:move}
.mbTabset .floatEl{float:left;}
.mbTabset a.mbTab {
	background-color:transparent;
	background-image: url( 'images/tab_right.png' );
	background-repeat:no-repeat ;
	background-position:top right;
	color: #666;
	display:block; /*opera*/
	display:inline-block; /*ie*/
	font: normal 13px arial, sans-serif;
	height: 28px;
	margin-right: 0;
	padding-right: 20px;
	text-decoration: none;
}

.mbTabset a.mbTab span {
	background-color:transparent;
	background-image: url( 'images/tab.png' );
	background-repeat:no-repeat ;
	display: block;
	line-height: 21px;
	padding: 3px 0 4px 20px;
}

.mbTabset a.mbTab span img{
	margin-left:-5px;
	margin-top:-2px;
	padding-right:5px;
}
.mbTabset a.mbTab:hover {
	color: #000;
	outline: none;
}
.mbTabset a.mbTab.sel {
	background-image: url( 'images/tab_right_sel.png' );
	color: #000;
	outline: none;
}

.mbTabset a.mbTab.sel span {
	background-image:url( 'images/tab_sel.png');
}
.mbTabset a.mbTab.disabled {
	background-image: url( 'images/tab_right.png' );
	color: #999;
	outline: none;
}

.mbTabsetContainer{
	padding-top:10px;
	width:100%;
	background:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #CDCDCD;
	clear:both;
}

.tabContent{
	padding:10px;
}
.bk { background:#fff url(images/shadow.png) repeat-x; }
.hoverRow { background-color: #EFEFEF; }
.tfoot th, .thead th  {background-color:#FFFFFF;}

.filetree {
	width: 200px;
	height: 500px;
	border-top: solid 1px #BBB;
	border-left: solid 1px #BBB;
	border-bottom: solid 1px #FFF;
	border-right: solid 1px #FFF;
	background: #FFF;
	overflow: scroll;
	padding: 5px;
}

ul.jqueryFileTree {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
}

ul.jqueryFileTree li {
	list-style: none;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	white-space: nowrap;
}

ul.jqueryFileTree a {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 0px 2px;
}

ul.jqueryFileTree a:hover {
	background: #BDF;
}

.jqueryFileTree li.directory { background: url(images/directory.png) left top no-repeat; }
.jqueryFileTree li.expanded { background: url(images/folder_open.png) left top no-repeat; }
.jqueryFileTree li.file { background: url(images/file.png) left top no-repeat; }
.jqueryFileTree li.wait { background: url(images/spinner.gif) left top no-repeat; }
.jqueryFileTree li.ext_css { background: url(images/css.png) left top no-repeat; }
.jqueryFileTree li.ext_js { background: url(images/script.png) left top no-repeat; }
.jqueryFileTree li.ext_tpl { background: url(images/html.png) left top no-repeat; }